{% block title %}{% endblock %}
{% load static %}
{% block css %}
    <link rel="stylesheet" type="text/css" href="{% static 'news/css/news.css' %}" >

{% endblock %}

{% block content %}
<div class="s1" style="background-image:url(/static/news/images/home/beijing.jpg)">
     <div id="d1">
         <a href="{% url 'news:user_login' %}" style=" font_size: 5px; width:5px; height:5px; color:white">发布内容</a>
         <a href=""><img src="{% static 'news/images/default_portrait.jpeg' %}" style="width:25px; height:25px; border-radius: 50%; position:relative; right:-80px; top:-20px;"></a>
     </div>
</div>
<div id="s2">
    <a href=""><img src="{{ user.get_url }}{% static '/news/images/home/u191.png' %}" id="erweima"></a>
    <span id="span1">扫码小程序</span>
    <br><span id="span2">掌上轻松阅读>></span>
</div>
<div id="f4">
    <p>热门新闻</p>
    <img src="{% static '/news/images/home/u230.png' %}" alt="">
     <ul>
         <li>
             <img src="{% static '/news/images/home/u234.png' %}" alt="">
             <p>不止用饿了么送外卖，星巴克
                    还将700晚会很大了啥啊的…
             </p>
             <span>2018-11-26</span>
         </li>
          <li>
             <img src="{% static '/news/images/home/u234.png' %}" alt="">
             <p>不止用饿了么送外卖，星巴克
                    还将700晚会很大了啥啊的…
             </p>
             <span>2018-11-26</span>
         </li>
          <li>
             <img src="{% static '/news/images/home/u234.png' %}" alt="">
             <p>不止用饿了么送外卖，星巴克
                    还将700晚会很大了啥啊的…
             </p>
             <span>2018-11-26</span>
         </li>
          <li>
             <img src="{% static '/news/images/home/u234.png' %}" alt="">
             <p>不止用饿了么送外卖，星巴克
                    还将700晚会很大了啥啊的…
             </p>
             <span>2018-11-26</span>
         </li>
     </ul>
</div>
<div style="width:780px; height:52px; top: -590px; left: 200px; border: 1px solid rgba(96,96,96,0.5); position: relative">
    <div style="display:inline; width:5px; height:50px; background:black; border: 1px solid black; position: absolute"></div>
    <div style="display:inline; top: 23px; left: 17px; background:black; border: 3px solid black; position: absolute"></div>
    <div style="display:inline; top: 15px; left: 28px; position: absolute">新闻-新闻详情</div>
</div>
{% endblock %}
{% block js %}
<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

<script>



</script>
{% endblock %}
